<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- Mobile Web-app fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Meta tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">

    <!--Title-->
    <title>About</title>

    <!--CSS bundle -->
    <link rel="stylesheet" media="all" href="css/bootstrap.css" />
    <link rel="stylesheet" media="all" href="css/animate.css" />
    <link rel="stylesheet" media="all" href="css/font-awesome.css" />
    <link rel="stylesheet" media="all" href="css/ion-range-slider.css" />
    <link rel="stylesheet" media="all" href="css/linear-icons.css" />
    <link rel="stylesheet" media="all" href="css/magnific-popup.css" />
    <link rel="stylesheet" media="all" href="css/owl.carousel.css" />
    <link rel="stylesheet" media="all" href="css/theme.css" />

    <!--Google fonts-->
    <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;subset=latin-ext" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Rajdhani:400,600,700&amp;subset=latin-ext" rel="stylesheet">


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <div class="page-loader">
        <div class="spinner-border" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>

    <div class="wrapper">

        <div class="inc:_header.html"></div>

        <!-- ========================  About ======================== -->

        <section class="about pt-4 pt-lg-5">

            <!--Header-->

            <header>
                <div class="container">
                    <h2 class="title">About page</h2>
                    <div class="text">
                        <p>Suspendisse scelerisque odio eu felis eleifend, vitae gravida magna iaculis. Vestibulum volutpat, purus in consectetur porta, velit felis suscipit metus, et pharetra enim augue suscipit est. Aenean non ante tortor. Nam egestas tincidunt turpis, quis accumsan est vestibulum non</p>
                    </div>
                </div>
            </header>

            <!--Main image-->

            <div class="container-fluid">
                <div class="image">
                    <img src="assets/images/gallery-2.jpg" alt="Alternate Text" />
                </div>
            </div>

            <div class="container">

                <div class="row">
                    <div class="col-md-4">
                        <h4>Divano Store</h4>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam accumsan efficitur dui in porttitor.
                            Donec mollis volutpat consectetur. Vestibulum pulvinar iaculis dolor, molestie semper ulvinar iaculis purus lacinia quis.
                        </p>
                        <p>
                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                        </p>
                    </div>
                    <div class="col-md-4">
                        <h4>Our success</h4>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam accumsan efficitur dui in porttitor.
                            Donec mollis volutpat consectetur. Vestibulum pulvinar iaculis dolor, molestie semper ulvinar iaculis purus lacinia quis.
                        </p>
                        <p>
                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                        </p>
                    </div>
                    <div class="col-md-4">
                        <h4>What we beleive in</h4>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam accumsan efficitur dui in porttitor.
                            Donec mollis volutpat consectetur. Vestibulum pulvinar iaculis dolor, molestie semper ulvinar iaculis purus lacinia quis.
                        </p>
                        <p>
                            Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                        </p>
                    </div>
                </div>

            </div>

        </section>

        <!-- ========================  Team ======================== -->

        <section class="team">

            <!--Header-->

            <header>
                <div class="container">
                    <h1 class="h2 title">Meet our team</h1>
                    <div class="text">
                        <p>Our architects and designers constantly and carefully monitor the environment, they accept and develop changes, research fashion and architectural, as well as sociological, changes and transform them into unique design.</p>
                    </div>
                </div>
            </header>

            <!--Content-->

            <div class="container">

                <div class="row">

                    <!--Team member-->

                    <div class="col-md-3" data-3d>
                        <article>
                            <div class="details details-text">
                                <div class="inner">
                                    <h5 class="title">Jason Richards</h5>
                                    <h6 class="title">Supervisor</h6>
                                </div>
                            </div>
                            <div class="image">
                                <img src="assets/images/person-4.jpg" alt="" />
                            </div>
                            <div class="details details-social">
                                <div class="inner">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-google-plus"></i></a>
                                    <a href="#"><i class="fa fa-linkedin"></i></a>
                                </div>
                            </div>
                        </article>
                    </div>

                    <!--Team member-->

                    <div class="col-md-3" data-3d>
                        <article>
                            <div class="details details-text">
                                <div class="inner">
                                    <h5 class="title">Michael Doe</h5>
                                    <h6 class="title">Director</h6>
                                </div>
                            </div>
                            <div class="image">
                                <img src="assets/images/person-1.jpg" alt="" />
                            </div>
                            <div class="details details-social">
                                <div class="inner">
                                    <a href="#"><i class="fa fa-phone"></i></a>
                                    <a href="#"><i class="fa fa-envelope"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-linkedin"></i></a>
                                </div>
                            </div>
                        </article>
                    </div>

                    <!--Team member-->

                    <div class="col-md-3" data-3d>
                        <article>
                            <div class="details details-text">
                                <div class="inner">
                                    <h5 class="title">Jim Douglas</h5>
                                    <h6 class="title">Architect</h6>
                                </div>
                            </div>
                            <div class="image">
                                <img src="assets/images/person-2.jpg" alt="" />
                            </div>
                            <div class="details details-social">
                                <div class="inner">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-google-plus"></i></a>
                                    <a href="#"><i class="fa fa-linkedin"></i></a>
                                </div>
                            </div>
                        </article>
                    </div>

                    <!--Team member-->

                    <div class="col-md-3" data-3d>
                        <article>
                            <div class="details details-text">
                                <div class="inner">
                                    <h5 class="title">Mathew Coock</h5>
                                    <h6 class="title">Quality director</h6>
                                </div>
                            </div>
                            <div class="image">
                                <img src="assets/images/person-3.jpg" alt="" />
                            </div>
                            <div class="details details-social">
                                <div class="inner">
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                    <a href="#"><i class="fa fa-google-plus"></i></a>
                                    <a href="#"><i class="fa fa-linkedin"></i></a>
                                </div>
                            </div>
                        </article>
                    </div>

                </div> <!--/row-->

            </div>

        </section>

        <!-- ========================  Numbers ======================== -->

        <section class="numbers">

            <!--Header-->

            <header>
                <div class="container">
                    <h1 class="h2 title">Your success is our success</h1>
                    <div class="text">
                        <p>Our architects and designers constantly and carefully monitor the environment, they accept and develop changes, research fashion and architectural, as well as sociological, changes and transform them into unique design.</p>
                    </div>
                </div>
            </header>

            <div class="container">

                <div class="row">

                    <div class="col-md-3">
                        <div class="item">
                            <span class="chart" data-percent="100">
                                <span class="percent"></span>
                            </span>
                            <div class="title">Delivery</div>
                            <div class="text">We act skilfully</div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="item">
                            <span class="chart" data-percent="40">
                                <span class="percent"></span>
                            </span>
                            <div class="title">Discounts</div>
                            <div class="text">We respond quickly </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="item">
                            <span class="chart" data-percent="85">
                                <span class="percent"></span>
                            </span>
                            <div class="title">Promo</div>
                            <div class="text">We focus on market</div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="item">
                            <span class="chart" data-percent="100">
                                <span class="percent"></span>
                            </span>
                            <div class="title">Happy clients</div>
                            <div class="text">We work with our customers </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <div class="inc:_footer.html"></div>

    </div> <!--/wrapper-->
    <!--Scripts -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/include.js"></script>
    <script src="js/ion.rangeSlider.js"></script>
    <script src="js/magnific-popup.js"></script>
    <script src="js/owl.carousel.js"></script>
    <script src="js/tilt.jquery.js"></script>
    <script src="js/jquery.easypiechart.js"></script>
    <script src="js/bigtext.js"></script>
    <script src="js/main.js"></script>

</body>

</html>